The Arithmetic of Color Depth Resolution isn't the only factor governing the quality of your images Equally important is the number of colors in the image When you view a natural scene, or a well done photographic color print, you are able to differentiate millions of colors Digital images can approximate this color realism, but whether they do so on your system depends on its capabilities and its settings How many colors there are in an image, or how many a system can display is referred to as color depth, pixel-depth, or bit depth Older PCs are stuck with displays that show only or colors However, almost all newer systems include a video card and a monitor that can display what's called -bit True Color It's called true color because these systems display million colors, about the number the human eye can discern TIP: Checking Your System You may have to set your system to full-color, it doesn't happen automatically To see if your Windows system supports True Color (not all do), display Window's Start menu, point to Settings to cascade the menu, and then click Control Panel When the Control panel opens, double-click the Display icon or command to display the Display Properties dialog box, then click the Settings tab on the dialog box and check the Color palette setting How do bits and colors relate to one another? It's simple arithmetic To calculate how many different colors can be captured or displayed, simply raise the number to the power of the number of bits used to record or display the image For example, -bits gives you colors because = Here's a table to show you some other possibilities Name Bits per pixel Formula Number of colors Black and white Windows display Gray scale color High color thousand True color million Black and white images require only -bits to indicate which pixels are white and which are black Gray scale images need bits to display different shades of gray Color images are displayed using bits ( colors), bits ( colors), bits ( thousand colors) called high color, and bits ( million colors) called true color Some cameras and scanners will use or bits per pixel These extra bits are used to improve the color in the image as it is processed down to its -bit final form (Ed note: Are there any / bit monitors or printers?) Review: Bits and Bytes When reading about digital systems, you frequently encounter the terms bit and byte The bit is the smallest digital unit It's basically a single element in the computer that like a light bulb has only two possible states, on (indicating ) or off (indicating ) The term bit is a contraction of the more descriptive phrase binary digit Bytes are groups of -bits linked together for processing Since each of the eight bits has two states (on or off), the total amount of information that can be conveyed is ( raised to the th power), or possible combinations Exploring Color Depth This figure and Part on the Excel worksheet "Image Size Calculator" calculate the total number of pixels in an image when you enter the images width and height in pixels Enter any bits per pixel from the table of color depths (on line and following) on this line A formula on this line calculates the number of possible colors by raising the number to number of bits per pixel Enter the width of the digital image in pixels on this line Enter the height of the digital image in pixels on this line A formula on this line calculates the total number of pixels in the image by multiplying the image’s width by its height A formula on this line calculates the size of the uncompressed file that would be needed to store the image of the size and color depth you’ve entered File sizes are shown in bytes, kilobytes, and megabytes The Arithmetic of Displaying Images When a digital image is displayed on the computer screen, its size is determined by three factors—the screen’s resolution, the screen’s size, and the number of pixels in the image Excel Worksheet The calculations described in this section are nothing more than subtraction, addition, multiplication, and division However, to make it easier to explore the various relationships being discussed, you can download an Excel worksheet "Image Size Calculator" that will help you better follow the discussion and explore the concepts we discuss The worksheet has been saved in Excel format so that version and all later versions can read it To download the unzipped version ( Kilobytes), click here The Screen’s Resolution The size of each pixel on the screen is determined by the resolution of the screen The resolution is almost always given as a pair of numbers that indicate the screen's width and height in pixels For example, a monitor may be specified as being a low-resolution x , a medium resolution of x , or a high-resolution of x or more (The first number in the pair is the number of pixels across the screen The second number is the number of rows of pixels down the screen ) This is a x display That means there are pixels on each row and there are rows Another way to think about the size of each pixel is in terms of how many pixels are displayed per inch on the screen The larger the pixels, the fewer fit per inch As you can see from the illustration below, the actual number of pixels per inch (the numbers in red) depends on both the resolution and the size of the monitor (Screen measurements are based on a diagonal, and these measurements are horizontal measurements across the screen so they don't relate exactly to screen sizes ) The red numbers in the illustration are the pixels per inch for each combination of monitor size and resolution To simplify the calculations, images that are to be displayed on the screen are generally considered to be displayed at pixels per inch (ppi) As you can see from the table, ppi isn't an exact number for any resolution on any screen, but it tends to be a good compromise (The dpi is held over from an early era in Apple's history ) Screen Resolution and Image Size On any given monitor, changing screen resolution changes the size of displayed objects such as icons, text, buttons, and images As the resolution increases, object sizes decrease but they do appear sharper Take a look here at the same image displayed at three different resolutions: x , x , and x x At this resolution, an image in Photoshop fills the screen x When the screen resolution is increased, the image gets smaller x When the resolution is increased again, the image gets even smaller When displaying images on the screen, it’s important that the viewer be able to see the entire image without having to scroll it To ensure this, Web designers often assume that the lowest common denominator display is a x screen For this reason, most images to be sent by e-mail or posted on a screen are sized so they are no larger than pixels wide (for landscape images) or pixels high (for portrait images) TIP: Checking Your System To see what resolution your Windows system is set to, display Window's Start menu, point to Settings to cascade the menu, and then click Control Panel When the Control panel opens, double-click the Display icon or command to display the Display Properties dialog box, then click the Settings tab on the dialog box and check the Screen Area setting Screen Size and Image Size Just as the screen’s resolution can affect the size of an image, so can the size of the display If you have a " monitor and " both set to x pixels, the pixels per inch are different The same pixels are spread across a larger screen on the larger monitor so the pixels per inch falls Imagine the image printed on a balloon As you inflate it, the image gets larger Exploring Display Sizes This figure and Part on the Excel worksheet "Image Size Calculator" calculate the size of an image displayed on the screen Enter the width of the image in pixels on this line Enter the height of the image in pixels on this line Measure the width of the screen display and enter it on this line Enter the horizontal resolution your screen is set to on this line (For example, if it’s set to x , enter ) A formula on this line calculates you screen’s actual dots-per-inch by dividing it’s horizontal resolution in pixels by its width in inches In the illustration above it divides by for a ppi of A formula on this line calculates the width of the image on the screen in inches by dividing the width in pixels by the screen’s ppi In the illustration above it divides by for an image width of inches A formula on this line calculates the height of the image in inches by dividing the height in pixels by the screen’s ppi A formula on this line compares the width of the image in pixels, with the screen’s horizontal resolution If the image is smaller than the screen (in pixels), it will fit, otherwise it won’t The Arithmetic of Image Sizes Let’s start with one surprising fact: A pixel has no size or shape At the time it’s born, it’s simply an electrical charge much like the static electricity that builds up on your body as you shuffle across a carpet on a dry day A pixel is only given size and shape by the device you use to display or print it Understanding how pixels and image sizes relate to one another takes a little effort but you need to bring nothing more to the process than your curiosity and elementary school arithmetic skills Excel Worksheet The calculations described in this section are nothing more than subtraction, addition, multiplication, and division However, to make it easier to explore the various relationships being discussed, you can download an Excel worksheet "Image Size Calculator" that will help you better follow the discussion and explore the concepts we discuss The worksheet has been saved in Excel format so that version and all later versions can read it To download the unzipped version ( Kilobytes), click here A pixel begins its life on the camera’s image sensor during that flickering moment when the shutter is open The size of each photosite on the image sensor can be measured, but the pixels themselves are just electrical charges converted into digital numbers These numbers, just like any other numbers that run through your head, have no physical size Although the captured pixels have no physical dimensions, a sensor's size is specified like those in a digital photo, except the count is the number of photosites that it has on its surface This size is usually specified in one of two ways—by the sensor's dimension in pixels, or by its total number of pixels For example, the same image can be said to have x pixels (where "x" is pronounced "by" as in " by "), or to contain -million pixels ( multiplied by ) This digital image of a Monarch butterfly chrysalis is pixels wide and pixels tall It's said to be x Since pixels stored in an image file have no physical size or shape, it’s not surprising that the number of photosites doesn't by itself indicate a captured image’s sharpness or size This is because the size of each captured pixel, and the image of which it’s a part, is determined by the output device The device can spread the available pixels over a small or large area on the screen or printout If the pixels in an image are squeezed into a smaller area, perceived sharpness increases (from the same viewing distance) Images on high-resolution screens and printouts look sharper only because the available pixels are grouped into a small area—not because there are more pixels As pixels are enlarged so the image is spread over a larger area, the image’s perceived sharpness falls (from the same viewing distance) If enlarged past a certain point, the square pixels will begin to show—the image becomes pixilated To visualize this concept, imagine two tile mosaics, one with small tiles and one with large The one with small tiles will have sharper curves and more detail However, if you have the same number of large and small tiles, the area covered by the small tiles will be much less Sharpness and detail is also related to viewing distance If you stand close to the small mosaic it will appear almost identical to the larger one viewed from farther away SMALL MOSAIC IMAGE NEEDED LARGE MOSAIC IMAGE NEEDED To make an image larger or smaller for a given output device, it must be resized (resampled) in the camera, in a photo-editing program, or by the application you're printing it with Resizing is performed by interpolation, and sometimes this is done without your even being aware of it When an image is made larger, extra pixels are added and the color of each new pixel is determined by the colors of its neighbors When an image is made smaller, some pixels are deleted Exploring Image Sizes This figure and Part on the Excel worksheet "Image Size Calculator" calculate the total number of pixels in an image when you enter the image’s width and height in pixels Enter the width of the image in pixels on this line Enter the height of the image in pixels on this line A formula on this line calculates the total number of pixels in the image by multiplying the image’s width by its height Exercise Enter the width and height of your own images and see what the total number of pixels is You can find image sizes in your camera’s user guide There may be more than one resolution, and if so, try them all The FinePix ZOOM records JPEG images at three compression image sizes How many pixels are there in each image size? , x , x x The Arithmetic of Scanning Film and Prints Color scanners work by creating separate red, green, and blue versions of the image, and then merging them together to create the final digital image Some scan all of the colors in one pass while others take three passes, a slower but higher quality method Which method is used depends on the scanner's image sensor Most scanners use linear CCDs arranged in a row Those that require three passes use a single row of photosites and pass different filters (red, green, or blue) in front of the sensor for each pass or use three different light sources Others have rows of photosites, each row with its own filter so they can capture all three colors on a single pass Excel Worksheet The calculations described in this section are nothing more than subtraction, addition, multiplication, and division However, to make it easier to explore the various relationships being discussed, you can download an Excel worksheet "Scanning Calculator" that will help you better follow the discussion and explore the concepts we discuss The worksheet has been saved in Excel format so that version and all later versions can read it To download the unzipped version ( Kilobytes), click here As the image is scanned, a light source travels down the photo (some print and document scanners instead move the document past the light source) The light source reflects off a print or passes through a transparency and is focused onto the image sensor by a mirror and lens system Because of this mirror and lens system, the sensor does not have to be as wide as the area being scanned The horizontal optical resolution of the scanner is determined by the number of photosites on its sensor However, the vertical resolution is determined by the distance the paper or light source advances between scans For example, a scanner with a resolution of x has photosites on its sensor and moves / of an inch between each scan Scanning and File Sizes When scanning, your goal is to get a digital image file that contains all of the detail you need without the file being too large to work with If you scan at too low a resolution, you'll lose detail If you scan too high, you're file will be too large When you scan an original image—either a slide or a print—the file size depends on a number of factors including the area being scanned, the resolution of the scanner, and the color depth, or number of bits assigned to each pixel Let's take a look at this step-by-step as you'd calculate file sizes using the downloadable scanning calculator—Part Enter the width in inches of the art to be scanned Enter the depth or height of the art to be scanned Enter the scanner's optical resolution or the resolution to intend to scan at The scanned pixels horizontally are calculated by multiplying the scanner's resolution (line ) times the horizontal size of the original (line ) The scanned pixels vertically are calculated by multiplying the scanner's resolution (line ) times the vertical size of the original (line ) The total scanned pixels is calculate by multiplying the horizontal scanned pixels (line ) times the vertical scanned pixels (line ) The color depth is where you enter the number of bits assigned to each pixel This would usually be if the image is black & while, if it's grayscale (like a black and white photography), or if it's color The file size in bits is calculated by multiplying the number of pixels in the image (line ) time the color depth (line ) The file size in bytes is calculated by dividing the file size in bits (line ) by The file size in kilobytes is calculated by dividing the file size in bytes (line ) by , The file size in megabytes is calculated by dividing the file size in kilobytes (line ) by , Scanning an Image for Printing at a Specified Size There are times when you know what size you want a print to be and need to calculate backwards to what size the image file should be For most purposes, you can expect to get photorealistic quality with a print having about dpi This means, a x print needs an image file of x , and an x print needs one x You can stretch or shrink images you've imported into programs such as PageMaker and QuarkXPress Because the number of pixels in the image don't change, the dots per inch have to For example, let's say you placed an x image on a page and it was -inches wide If you print it out at that size, it will print at dpi ( divided by ") If you now stretch the image to be inches wide, the dpi drops to ( divided by ") If you want the image " wide AND dpi, best scan it so it's pixels wide before you import it However, if it's to be printed on a printing press, the rules change and become more complex You should scan the image so its sots per inch are twice the lines per inch (lpi) at which it will be printed Enter the width in inches of the art to be scanned Enter the depth or height of the art to be scanned Enter one of the the printer's output resolution in dots per inch (dpi) The horizontal size of the original is calculated by multiplying the desired horizontal size of the output (line ) by the desired output resolution (line ) The vertical size of the original is calculated by multiplying the desired vertical size of the output (line ) by the desired output resolution (line ) Enter the color depth of the image This would usually be if the image is black & while, if it's grayscale (like a black and white photography), or if it's color The file size in bits is calculated by multiplying the horizontal by the vertical size of the original (lines and ) to calculate the total number of pixels in the image and then multiplying those by the color depth (line ) The file size in bytes is calculated by dividing the file size in bits (line ) by The file size in kilobytes is calculated by dividing the file size in bytes (line ) by , The file size in megabytes is calculated by dividing the file size in kilobytes (line ) by , Scanning an Image for Screen Display Scanning an image for the screen is the same as scanning one for printing except the output is usually specified in pixels, not inches Although the actual number of pixels per inch on a monitor vary depending on its size and resolution, images are generally scanned at ppi for screen display (although they are sometimes scanned up to ppi) Making them any larger doesn't add any information to the image and just makes the files larger Enter the width in inches of the image to be scanned Enter the depth or height of the image be scanned Enter the screen's resolution in dots per inch (dpi) This is normally dpi on average Enter the desired width of the image in pixels The vertical size of the image is calculated by dividing it's width on line by the ratio of the original's width to height calculate by dividing line by line Enter the color depth of the image This would usually be if the image is black & while, if it's grayscale (like a black and white photography), or if it's color The file size in bits is calculated by multiplying the horizontal by the vertical size of the original (lines and ) to calculate the total number of pixels in the image and then multiplying those by the color depth (line ) The file size in bytes is calculated by dividing the file size in bits (line ) by The file size in kilobytes is calculated by dividing the file size in bytes (line ) by , The file size in megabytes is calculated by dividing the file size in kilobytes (line ) by , 